<template>
	<view class="content">
		<view class="title">
			<u-icon name="arrow-left" color="#FFFFFF" size="36" @tap="nextPage(`/pages/message/message?type=big`)"></u-icon>
			<text>系统消息</text>
		</view>
		<view class="main">
			<view class="detail">
				<view class="detailTitle">
					<text>系统更新</text>
				</view>
				<view class="detailText">
					<text>如果说去年苹果在秋天播了一部连续剧，那今天凌晨的苹果秋季发布会就是一场大电影，从手机到平板，可谓干货满满。如果说去年苹果在秋天播了一部连续剧，那今天凌晨的苹果秋季发布会就是一场大电影，从手机到平板，可谓干货满满。</text>
				</view>
				<view class="time">
					2021-05-05 09:30:00
				</view>
			</view>
			<view class="detail">
				<view class="detailTitle">
					<text>审核成功</text>
				</view>
				<view class="detailText">
					<text>如果说去年苹果在秋天播了一部连续剧，那今天凌晨的苹果秋季发布会就是一场大电影，从手机到平板，可谓干货满满。如果说去年苹果在秋天播了一部连续剧，那今天凌晨的苹果秋季发布会就是一场大电影，从手机到平板，可谓干货满满。</text>
				</view>
				<view class="time">
					2021-05-05 09:30:00
				</view>
			</view>
		</view>
		<Tabbar :current="1"></Tabbar>
	</view>
</template>

<script>
	export default {
		onShow() {
			uni.hideTabBar({
				animation: false
			})
		},
		data() {
			return {

			}
		},
		methods: {
			//跳转列表对应页面
			nextPage(url) {
				uni.navigateTo({
					url: url,
					fail() {
						uni.switchTab({
							url: url,
							fail() {
								uni.showToast({
									title: '暂未开通，敬请期待！',
									icon: 'none'
								});
							}
						});
					}
				});
			}
		}
	}
</script>

<style lang="scss" scoped>
.content{
	background: #F0F3F5;
	height: 100vh;
	.title{
		position: relative;
		width: 100%;
		height: 88rpx;
		line-height: 88rpx;
		text-align: center;
		background: linear-gradient(90deg, #52B8B2 0%, #5EC8A3 100%);
		.u-icon{
			position: absolute;
			height: 88rpx;
			left: 20rpx;
		}
		text{
			font-size: 32rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #FFFFFF;
		}
	}
	.main{
		margin: 30rpx 0;
		.detail{
			margin-bottom: 25rpx;
			padding: 30rpx;
			background: #FFFFFF;
			.detailTitle{
				margin-bottom: 30rpx;
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #323233;
			}
			.detailText{
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #969799;
				line-height: 40rpx;
			}
			.time{
				margin-top: 30rpx;
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #969799;
			}
		}
	}
}
</style>
